@import "../../../../../../../styles/mixins";
.sem-main-content{
  .major-button-wrapper{
    width: 100%;
    height: 2rem;
    margin: 1rem 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    .sem-button {
      height: 1.875rem;
      line-height: 1.6rem;
      width: 3.125rem;
      margin-top: auto;
      margin-bottom: auto;
      margin-right: 1.25rem;
      border-radius:100px;
      background-color: white;
      border:1px solid #cccccc;
    }
    .add-name{
      height: 2rem;
      line-height: 2rem;
      font-size: .875rem;
      margin-left: .625rem;
    }
    .save-btn{
      height: 1.875rem;
      line-height: 1.875rem;
      width: 6.25rem;
      border-radius:100px;
      background:linear-gradient(90deg, #fa6396 0%, #f66a21 100%);
      border:none;
      font-size:.875rem;
      margin: auto 1rem auto auto;
    }
  }
  @include drop-zone;
  .image-drop-zone{
    margin: 0 auto;
  }
  .major-top-div{
    height: 4.75rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: .875rem;
    border:1px solid #f1f4f5;
    border-radius:5px;
   @include option-wrapper;
  }

  .add-select-div{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1rem;
    .ant-cascader-picker{
      width: 19rem;
      margin: auto 1.5rem;
    }
  }

  .major-middle-div{
    width: 100%;
    height: 11.125rem;
    border:1px solid #f1f4f5;
    border-radius:5px;
    padding: 0 1.5625rem;
    margin-bottom: .875rem;
    .work-intro{
      height: 6.875rem;
      width: 100%;
      background:#ffffff;
      border:1px solid #e4e9eb;
      resize: none;
      font-size:.875rem;
      color:#333333;
    }
  }
  .voice{
    height: auto;
  }
  .major{
    height: 34.75rem;
  }
  .major-end-div{
    width: 100%;
    height: 25.625rem;
    border:1px solid #f1f4f5;
    border-radius:5px;
    padding: 0 1.5625rem;
    position: relative;
   @include comment-ul;
  }
  @include title-wrapper;
  @include ant-menu;
  @include ant-pagination;
}
